<template>
	<span class="svg-icon">
		<svg :width="widthPX" :height="heightPX" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			<g id="V1.0" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
				<g id="画板5" transform="translate(-684.000000, -1439.000000)">
					<g id="zhinengti" transform="translate(640.000000, 1371.000000)">
						<g id="纯净模式" transform="translate(0.000000, 56.000000)">
							<g id="fanhui-2" transform="translate(44.000000, 12.000000)">
								<path
									d="M7.33480747,4.23713303 C7.61781876,3.95412173 7.61781876,3.49526976 7.33480746,3.21225847 C7.05179616,2.92924717 6.59294419,2.92924718 6.3099329,3.21225848 L2.21333186,7.30958382 C2.07679044,7.44515294 2,7.62960866 2,7.8220211 C2,8.01443353 2.07679044,8.19888925 2.21333186,8.33445837 L6.3099329,12.4310594 C6.49287972,12.6141357 6.75959956,12.6857041 7.00962163,12.6188056 C7.2596437,12.5519071 7.4549837,12.3567052 7.52205893,12.1067305 C7.58913416,11.8567557 7.51775431,11.5899854 7.33480747,11.4069092 L3.74955725,7.82165895 L7.33480747,4.23640873 L7.33480747,4.23713303 Z"
									id="路径"
									class="fill-color"
									fill-rule="nonzero"
								></path>
								<path
									d="M2.68701946,7.82021037 C2.68701946,7.42019441 3.01129646,7.09591739 3.41131242,7.09591739 L14.275707,7.09591739 C14.675723,7.09591739 15,7.4201944 15,7.82021037 C15,8.22022633 14.675723,8.54450334 14.275707,8.54450334 L3.41131242,8.54450334 C3.01129646,8.54450334 2.68701946,8.22022633 2.68701946,7.82021037 L2.68701946,7.82021037 Z"
									id="路径"
									class="fill-color"
									fill-rule="nonzero"
								></path>
								<rect id="矩形" x="0" y="0" width="16" height="16"></rect>
							</g>
						</g>
					</g>
				</g>
			</g>
		</svg>
	</span>
</template>
<script>
export default {
	props: {
		width: {
			type: String,
			default: '100px'
		},
		height: {
			type: String,
			default: '100px'
		}
	},
	computed: {
		widthPX() {
			return this.width
		},
		heightPX() {
			return this.height
		}
	},
	name: 'FanHui'
}
</script>
<style scoped>
.svg-icon {
	overflow: hidden;
	display: flex;
	align-items: center;
}
.fill-color {
	fill: var(--svg-fanhui-color);
}
</style>
